
<template>
    <main class="commodityPer-Main">
        <el-scrollbar style="width: 100%; height: 100%;">
            <div class="pageContent">
                <filterWrap>
                    <div class="filterItem" slot v-for="(item, index) in 10" :key="index">
                        <!-- <div class="filterKey">配方编号：</div> -->
                        <div class="filterValue">
                            <el-input></el-input>
                        </div>
                    </div>
                </filterWrap>
                <div class="tableWrap">
                    <div class="tableFilter">
                        <div class="left">
                            <cmd-btn text="添加" icon="el-icon-plus"></cmd-btn>
                            <cmd-btn text="导入" icon="el-icon-plus"></cmd-btn>
                            <cmd-btn text="修改" type="edit" icon="el-icon-edit-outline"></cmd-btn>
                            <cmd-btn text="删除" type="delete" icon="el-icon-close"></cmd-btn>
                            <cmd-btn text="合单" icon="el-icon-plus"></cmd-btn>
                        </div>
                        <div class="right">
                            <el-tooltip effect="dark" placement="bottom-end" content="隐藏/显示搜索">
                                <div class="btnItem">
                                    <i class="el-icon-search"></i>
                                </div>
                            </el-tooltip>
                            <el-tooltip effect="dark" placement="bottom-end" content="刷新">
                                <div class="btnItem">
                                    <i class="el-icon-refresh"></i>
                                </div>
                            </el-tooltip>
                            <el-tooltip effect="dark" placement="bottom-end" content="显示卡片视图">
                                <div class="btnItem">
                                    <i class="el-icon-tickets"></i>
                                </div>
                            </el-tooltip>
                            <el-tooltip effect="dark" placement="bottom-end" content="列">
                                <div class="btnItem">
                                    <i class="el-icon-s-grid"></i>
                                </div>
                            </el-tooltip>
                        </div>
                    </div>
                    <div class="tableBox SheetTable">
                        <gridManager :option="gridOption" :callback="callback" ref="gridmanager"></gridManager>
                    </div>
                    <div class="pageWrap" v-if="total > 0 && this.summaryData.totalMoney !== ''">
                        <div class="summary">
                            <span>销售金额汇总：</span>
                            <label>{{this.summaryData.totalMoney}}</label>
                            <span>退款提成汇总：</span>
                            <label>{{this.summaryData.totalRefundMoney}}</label>
                            <span>提成/业绩汇总：</span>
                            <label>{{this.summaryData.totalCalcMoney}}</label>
                        </div>
                        <el-pagination @current-change="index => { handleCurrentSize(index, 'current') }" @size-change="index => { handleCurrentSize(index, 'size') }" :current-page="queryEntity.PageIndex" :page-sizes="[10, 20, 30, 40, 50]" :page-size="queryEntity.PageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
                    </div>
                </div>
            </div>
        </el-scrollbar>
        <!-- <div class="req_table">
            <div class="tableBox SheetTable">
                <gridManager :option="gridOption" :callback="callback" ref="gridmanager"></gridManager>
            </div>
            <div class="pageWrap" v-if="total > 0 && this.summaryData.totalMoney !== ''">
                <div class="summary">
                    <span>销售金额汇总：</span>
                    <label>{{this.summaryData.totalMoney}}</label>
                    <span>退款提成汇总：</span>
                    <label>{{this.summaryData.totalRefundMoney}}</label>
                    <span>提成/业绩汇总：</span>
                    <label>{{this.summaryData.totalCalcMoney}}</label>
                </div>
                <el-pagination @current-change="index => { handleCurrentSize(index, 'current') }" @size-change="index => { handleCurrentSize(index, 'size') }" :current-page="queryEntity.PageIndex" :page-sizes="[10, 20, 30, 40, 50]" :page-size="queryEntity.PageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
            </div>
        </div> -->
    </main>
</template>

<style lang="scss" scoped>
@import './commodityPer.scss';
</style>
<script src="./commodityPer.js"></script>
